<template>
    <div class="hr-balance-planning-container">
        <span class="print-btn">
            <router-link style="position: relative;" to="/main/renshi/renliziyuanguihua">返回</router-link>
            <el-button type="primary" icon="el-icon-printer" @click="printForm">打印</el-button>
        </span>
        <div class="page">
            <h1 class="title">人力资源供需平衡规划</h1>
            <!-- 人力资源供需平衡的概念 -->
            <div class="section" id="concept">
                <h2 class="section-title">一、人力资源供需平衡的概念</h2>
                <p>人力资源供需平衡是指企业在特定时期内，所需的人力资源与所能提供的人力资源之间达到的一种动态平衡状态。这种状态要求企业在数量、质量和结构上都能满足人力资源的需求，同时避免人力资源的过剩或短缺。</p>
            </div>
            <!-- 人力资源供需平衡规划的重要性 -->
            <div class="section" id="importance">
                <h2 class="section-title">二、人力资源供需平衡规划的重要性</h2>
                <ul class="importance-list">
                    <li>支持企业战略：人力资源供需平衡规划有助于企业根据战略目标和业务需求，合理配置人力资源，确保企业有足够的资源来支持其长期发展。</li>
                    <li>提高运营效率：通过平衡供需，企业可以避免人力资源的浪费和短缺，从而提高运营效率，降低成本。</li>
                    <li>增强员工满意度：合理的人力资源规划可以提供员工职业发展的机会，增强员工的归属感和满意度，降低员工流失率。</li>
                </ul>
            </div>
            <!-- 人力资源供需平衡规划的策略 -->
            <div class="section" id="strategies">
                <h2 class="section-title">三、人力资源供需平衡规划的策略</h2>
                <div class="strategy-group">
                    <h3 class="group-title">内部供给策略</h3>
                    <ul class="strategy-list">
                        <li>培训与发展：通过培训和发展计划，提高员工的技能和素质，使其能够适应企业的需求变化。</li>
                        <li>内部晋升：建立内部晋升机制，鼓励员工通过努力获得晋升机会，从而满足企业对高技能人才的需求。</li>
                        <li>工作轮换：通过工作轮换，使员工能够掌握多种技能，提高员工的灵活性和适应性。</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="page">
            <div>
                <div class="strategy-group">
                    <h3 class="group-title">外部供给策略</h3>
                    <ul class="strategy-list">
                        <li>招聘：根据企业的需求，制定招聘计划，从外部市场招聘合适的人才。</li>
                        <li>校企合作：与高校和职业培训机构建立合作关系，通过实习、实训等方式，提前锁定潜在人才。</li>
                        <li>人才储备：建立人才储备库，储备一定数量的高素质人才，以应对突发的人才需求。</li>
                    </ul>
                </div>
                <div class="strategy-group">
                    <h3 class="group-title">供需平衡调整策略</h3>
                    <ul class="strategy-list">
                        <li>裁员与减员：在人力资源过剩时，通过裁员或减员的方式，减少企业的人力资源成本。</li>
                        <li>加班与外包：在人力资源短缺时，可以通过加班或外包的方式，暂时缓解人力资源压力。</li>
                        <li>灵活用工：采用灵活用工的方式，如兼职、临时工等，以满足企业对人力资源的弹性需求。</li>
                    </ul>
                </div>
            </div>
            <!-- 人力资源供需平衡规划的制定步骤 -->
            <div class="section" id="steps">
                <h2 class="section-title">四、人力资源供需平衡规划的制定步骤</h2>
                <ol class="step-list">
                    <li>分析企业需求：根据企业的战略目标和业务需求，分析企业未来的人力资源需求。</li>
                    <li>评估内部供给：通过对企业内部员工的数量、质量、结构和流动率等进行分析，评估企业内部人力资源的供给情况。</li>
                    <li>预测外部供给：根据外部劳动力市场的状况，预测企业未来可能从外部获得的人力资源。</li>

                </ol>
            </div>
        </div>
        <div class="page">
            <div class="section" id="steps">
                <ol class="step-list" start="4">
                    <li>制定平衡策略：根据企业需求、内部供给和外部供给的预测结果，制定人力资源供需平衡策略。</li>
                    <li>实施与监控：实施平衡策略，并持续监控人力资源供需的变化情况，及时调整策略。</li>
                </ol>
            </div>
            <!-- 注意事项 -->
            <div class="section" id="notes">
                <h2 class="section-title">五、注意事项</h2>
                <ul class="note-list">
                    <li>考虑企业战略变化：在制定人力资源供需平衡规划时，要充分考虑企业战略的变化，确保规划与企业战略保持一致。</li>
                    <li>关注员工发展：在平衡供需的过程中，要关注员工的职业发展需求，提供足够的培训和发展机会。</li>
                    <li>灵活应对市场变化：由于外部劳动力市场的变化具有不确定性，因此企业需要制定灵活的应对策略，以应对可能出现的人力资源短缺或过剩情况。</li>
                </ul>
            </div>
            <!-- 总结 -->
            <div class="summary">
                <h2 class="section-title">总结</h2>
                <p>综上所述，人力资源供需平衡规划是企业人力资源管理的重要组成部分，通过制定合理的策略和实施步骤，可以确保企业在不同发展阶段拥有适量、适质的人力资源，以支持企业的战略目标和业务运营。</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {
        printForm() {
            window.print();
        }
    }
};
</script>

<style scoped>
.hr-balance-planning-container {
    /* width: 80%; */
    max-width: 210mm;
    min-height: 100vh;
    margin: 0 auto;
    padding: 20px;
    /* background-color: #f9f9f9; */
    /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */
    border-radius: 10px;
    font-family: '宋体';
    text-align: left;
}

.page {
    width: 210mm;
    height: 297mm;
    padding: 15mm;
    border: 1px solid #e0e0e0;
    background-color: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    page-break-after: always;
    text-align: left;
    line-height: 29.3326px;
    letter-spacing: 0.1039em;
    margin-top: 20px;
}

.title {
    text-align: center;
    margin-bottom: 20px;
    color: #2c3e50;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}

.section {
    /* margin-bottom: 20px; */
    padding-bottom: 20px;
}

.section-title {
    font-size: 20px;
    color: #007bff;
    margin-bottom: 15px;
}

.importance-list,
.strategy-list,
.note-list {
    list-style-type: none;
    padding: 0;
}

.importance-list li,
.strategy-list li,
.note-list li {
    margin-bottom: 12px;
    line-height: 2;
    position: relative;
    padding-left: 20px;
    list-style-position: inside;
    text-indent: 2em;
}

.importance-list li::before,
.strategy-list li::before,
.note-list li::before {
    content: '•';
    color: #3498db;
    position: absolute;
    left: 0;
    top: 3px;
}

.step-list {
    list-style-type: decimal;
    padding-left: 20px;
}

.step-list li {
    margin-bottom: 15px;
    line-height: 2;
    list-style-position: inside;
    text-indent: 2em;
}

p {
    text-indent: 2em;
    line-height: 2em;
}

.strategy-group {
    margin-bottom: 30px;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.group-title {
    font-size: 20px;
    color: #2c3e50;
    margin-bottom: 15px;
    font-weight: 500;
}

.summary {
    /* font-weight: bold; */
    text-align: left;
    color: #2c3e50;
}

.print-btn {
    display: flex;
    justify-content: space-between;
}

@media print {
    .hr-planning-container {
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }

    .page {
        box-shadow: none;
        border: none
    }

    .print-btn {
        display: none;
    }

    body {
        font-family: '宋体';
    }
}
</style>